<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>评估管理</title>
    <link rel="stylesheet" href="/css/element.css">
</head>
<body>
<script src="/js/Vue.js"></script>
<script src="/js/element.js"></script>
<script src="/js/axios.js"></script>
<script src="/js/Qs.js"></script>
<script type="text/javascript" src="/js/layer.js"></script>
<style>
    #tools .el-card__body {
        padding: 5px 5px 5px 20px;
    }

    .layui-layout-admin .layui-body .layadmin-tabsbody-item {
        padding: 5px;
    }

    #tools .el-button {
        padding: 10px 8px 10px 5px;
    }
</style>
<div id="management">
    <!--工具栏-->
    <el-card id="tools">
            <el-button size="small" icon="el-icon-document-add" type="primary" @click="add">新增</el-button>
        <el-button size="small" icon="el-icon-setting" type="primary" @click="edit">修改</el-button>
            <el-button size="small" icon="el-icon-document-delete" type="danger" @click="remove">删除</el-button>
    </el-card>
    <el-card>
        <el-table :data="tableData">
            <el-table-column
                    prop="expertsName"
                    label="专家姓名">
            </el-table-column>
            <el-table-column
                    prop="position"
                    label="职位">
            </el-table-column>
            <el-table-column
                    prop="allEvaluation"
                    label="总体评价">
                <template slot-scope="scope">
                    <audio controls height="50" width="50">
                        <source src="horse.mp3" type="audio/mp3">
                        <embed height="50" width="40" :src="scope.row.allEvaluation">
                    </audio>
                </template>
            </el-table-column>
            <el-table-column
                    prop="allTextEvaluation"
                    label="总体评价（文本）">
            </el-table-column>
            <el-table-column
                    prop="dirllProcess"
                    label="演练过程">
            </el-table-column>
            <el-table-column
                    prop="dirllTextProcess"
                    label="演练过程（文本）">
            </el-table-column>
            <el-table-column
                    prop="adviceMp3"
                    label="建议">
            </el-table-column>
            <el-table-column
                    prop="adviceText"
                    label="建议（文本）">
            </el-table-column>
        </el-table>
    </el-card>
</div>
<script>
    var management = new Vue({
        el:"#management",
        data(){
            return {
                title:"评估管理",
                tableData:[
                    {expertsName:"管理员",position:"专家",allEvaluation:"/mp3/mp3test.mp3",allTextEvaluation:"-",dirllProcess:"-",dirllTextProcess:"-",adviceMp3:"-",adviceText:"-"}
                ]
            }
        },
        mounted(){

        },
        methods:{
            //新增
            add(){
                console.log(this.title);
            },
            //修改
            edit(){
                console.log(this.title);
            },
            //删除
            remove(){
                console.log(this.title);
            }
        }
    })
</script>
</body>
</html>